JavaScript Source Code 2002: Navigation: Slide Menu

Home

Slide Menu

This auto-hiding menu slides in and out when you move your mouse over it. Easily add as many links as you need!

Try the menu out for yourself! Move your mouse over the yellow border to the left.

JavaScript Source Code 2002: Navigation: Slide Menu
Simply click inside the window below, use your cursor to highlight the script, and copy (type Control-c or Apple-c) the script into a new file in your text editor (such as Note Pad or Simple Text) and save (Control-s or Command-s). The script is yours!!!

  <HEAD> <STYLE> #menuOut, #menuIn { position:absolute; left:-155px; width:160px; top:170px; border:1.5px solid green; background-color:yellow; layer-background-color:yellow; font:bold 12px Verdana; line-height:20px; } </STYLE> </HEAD>  <BODY> <SCRIPT LANGUAGE="JavaScript">   <! > <! >  </script> <layer id="menuOut" onMouseover="pull()" onMouseout="draw()"> <SCRIPT LANGUAGE="JavaScript">  </script> </layer> <SCRIPT LANGUAGE="JavaScript">  </script> <center> Try the menu out for yourself! Move your mouse over the yellow border to the left. </center>